<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <strong>
    js没有提供任何机制能做到去追踪局部变量的读写，但是，我们可以追踪对象属性的读写（defineProperty，proxy）
  </strong>
  <div>
    <div>
      <label for="A0">依赖A0:</label>
      <input type="number" onchange="A0Change(event)" />
    </div>
    <div>+</div>
    <div>
      <label for="A1">依赖A1:</label>
      <input type="number" onchange="A1Change(event)" />
    </div>
    <div>
      =
    </div>
    <div>
      <label for="A2">update/A2: <span id="A2"></span></label>
    </div>
  </div>
  <script>

  </script>

  <!-- <script src="./index.js"></script> -->
  <!-- <script src="./reflect.js"></script> -->
  <!-- <script src="./proxy.js"></script> -->

  <!-- <script src="./defineProperty.js"></script> -->
  <!-- <script src="./reactive.js"></script> -->
  <script src="./track&trigger.js"></script>
  <!-- <script src="./vue3-ref.js"></script> -->

  <script>
  </script>

</body>

</html>